
Modal.ss-add-modal-lzw.lzw-style-modal(v-model="addModalShow" fullscreen title="社保编号新增")
  .modal-top
    .search-form-lzw
      Row(type="flex" justify="start") 
        Col.pr-20.mb-15(span="6")
          span.red.mr-5 *
          span.label-txt 社保编号：
          Input.input-has-border(v-model="add_securityNO" type="text" clearable)
        Col.pr-20.mb-15(span="6")
          span.red.mr-5 *
          span.label-txt 单位名称：
          Input.input-has-border(v-model="add_companyName" type="text" clearable) 
        Col.pr-20.mb-15(span="6")
          span.red.mr-5 *
          span.label-txt 参保地区：
          Cascader.input-has-border(v-model="add_area_name" placeholder="请选择参保地区" change-on-select :data="ProvinceArr" :load-data="loadDataCity" style="width:100%;"  filterable @on-change="cascaderVisibleChange")
        Col.pr-20.mb-15(span="6")
          span.red.mr-5 *
          span.label-txt 社保方案：
          Select.input-has-border(v-model="add_planGUID" :disabled="add_dis" filterable @on-change="add_planGUIDChange")
            Option(v-for='item in add_planOptions', :value='item.value', :key='item.value') {{ item.text }}
        Col.pr-20.mb-15(span="6")
          span.label-txt 是否收款：
          i-switch(v-model="add_isReceivables" true-color="#00a4db" size="large")
            span(slot="open") 是
            span(slot="close") 否
        Col.pr-20.mb-15(span="6")
          span.label-txt 是否开票：
          i-switch(v-model="add_isInvoice" true-color="#00a4db" size="large")
            span(slot="open") 是
            span(slot="close") 否
        Col.pr-20.mb-15(span="6")
          span.red.mr-5 *
          span.label-txt 服务形式：
          Select.input-has-border(v-model="add_serviceForm" label-in-value clearable @on-change="addServiceFormChange")
            Option(v-for="item in serviceFormArr" :value="item.value" :key="item.value") {{item.text}}
        Col.pr-20.mb-15(span="6")
          span.label-txt 社保专员：
          Select.input-has-border(v-model="add_commissionerUserId" label-in-value clearable @on-change="addCommissionerUserIdChange" filterable)
            Option(v-for="item in commissionerUserIdArr" :value="item.key" :key="item.key") {{item.value}}
        Col.pr-20.mb-15(span="6")
          span.label-txt 状态：
          i-switch(v-model="add_enabled" true-color="#00a4db" size="large")
            span(slot="open") 启用
            span(slot="close") 禁用
        //- Col.pr-20.mb-15(span="6")
        //-   span.label-txt 是否收取滞纳金：
        //-   i-switch(v-model="add_lateFeesCanCollect" true-color="#00a4db" size="large" @on-change="add_lateFeesCanCollectChnage")
        //-     span(slot="open") 是
        //-     span(slot="close") 否
        //- template(v-if="add_lateFeesCanCollect")
        //-   Col.pr-20.mb-15(span="6")
        //-     span.red.mr-5 *
        //-     span.label-txt 滞纳金收取比例(%)：
        //-     Input.input-has-border(v-model="add_lateFeesPercent" type="number" )
        //-   Col.pr-20.mb-15(span="6")
        //-     span.red.mr-5 *
        //-     span.label-txt 收取开始月(&gt;)：
        //-     Input.input-has-border(v-model="add_lateFeesStartMonth" type="number" )
        //-     span.ml-10 月
    Divider
    div(v-if="add_planGUID")
      Row.text-center.mb-10
        Col(span="17")
          Row.text-center(type="flex" align="middle")
            Col(span="4") 险种
            Col(span="4") 默认基数
            Col(span="4") 最低基数
            Col(span="4") 最高基数
            Col(span="4") 缴纳比例(%)
            Col(span="4") 缴纳金额
        Col(span="7")
          Row(type="flex" align="middle")
            Col(span="8") 是否补缴
            Col(span="16") 收费精度
      Row.text-center(type="flex" align="middle")
        Col(span="17")
          Row.text-center(type="flex" align="middle")
            Col(span="4") 五险
            Col(span="4").pr-10
              Input.input-has-border(v-model="baseAmountValue" type="number" clearable @on-blur="baseAmountSet(addDetailInfo.details)" placeholder="请输入默认基数")
            Col(span="4").pr-10
              Input.input-has-border(v-model="minAmountValue" tpe="number" clearable @on-blur="minAmountSet(addDetailInfo.details)" placeholder="请输入最低基数")
            Col(span="4").pr-10
              Input.input-has-border(v-model="maxAmountValue" tpe="number" clearable @on-blur="maxAmountSet(addDetailInfo.details)" placeholder="请输入最高基数")
            Col(span="4")
            Col(span="4")
        Col(span="7")
          Row.text-center(type="flex" align="middle")
            Col(span="8")
              Checkbox(v-model="allIsPayBack" @on-change="bjAllFn(addDetailInfo.details)") 补缴
            Col(span="16")
              Select.input-has-border(@on-change="add_precisionSet")
                Option(v-for="i in precisionSelect" :value="i.key" :key="i.key") {{i.value}}
      Divider
  Form.add-modal.mt-40(ref="formCustom")
    div(v-if="add_planGUID" style="position:relative")
      Spin(v-if="spinShow" size="large" fix)
      template(v-for="(item,index) in addDetailInfo.details")
        Row(type="flex" align="middle")
          Col(span="17")
            Row.text-center(v-if="item.company" type="flex" align="middle")
              Col(span="4") {{item.securityTypeName}}单位部分:
              Col(span="4").pl-10
                Input.input-has-border(v-model="item.company.baseAmount" type="number" clearable @on-blur="totalMoneyCompany(item)")
              Col(span="4").pl-10
                Input.input-has-border(v-model="item.company.minAmount" type="number" clearable)
              Col(span="4").pl-10
                Input.input-has-border(v-model="item.company.maxAmount" type="number" clearable)
              Col(span="4").pl-10
                Input.input-has-border(v-model="item.company.percent" clearable @on-blur="totalMoneyCompany(item)")
              Col(span="4").pl-10
                Input.input-has-border(v-model="item.company.totalAmount" type="number" clearable)
            Row.mt-10.text-center(v-if="item.employee" type="flex" align="middle")
              Col(span="4") {{item.securityTypeName}}个人部分:
              Col(span="4").pl-10
                Input.input-has-border(v-model="item.employee.baseAmount" type="number" clearable @on-blur="totalMoneyEmployee(item)")
              Col(span="4").pl-10
                Input.input-has-border(v-model="item.employee.minAmount" type="number" clearable)
              Col(span="4").pl-10
                Input.input-has-border(v-model="item.employee.maxAmount" type="number" clearable)
              Col(span="4").pl-10
                Input.input-has-border(v-model="item.employee.percent" @on-blur="totalMoneyEmployee(item)" clearable)
              Col(span="4").pl-10
                Input.input-has-border(v-model="item.employee.totalAmount" type="number" clearable)
          Col.mb-10(span="7")
            Row.text-center(v-if="item.company" type="flex" align="middle")
              Col(span="8")
                Checkbox(v-model="item.isPayBack") 补缴
              //- Col(span="16")
              //-   Select.input-has-border(v-model="item.precision" @on-change="totalMoney(item)")
              //-     Option(v-for="i in precisionSelect" :value="i.key" :key="i.key") {{i.value}}
              Col(span="16").pl-8.pr-8
                Row.text-center(type="flex" align="middle" v-if="item.company")
                  Col(span="24").pl-8.pr-8.mt-4.mb-4
                    Select(v-model="item.company.precision" @on-change="totalMoney(item)")
                      Option(v-for="i in precisionSelect" :value="i.key" :key="i.key") {{i.value}}
                Row.text-center(type="flex" align="middle" v-if="item.employee")
                  Col(span="24").pl-8.pr-8.mt-4.mb-4
                    Select(v-model="item.employee.precision" @on-change="totalMoney(item)")
                      Option(v-for="i in precisionSelect" :value="i.key" :key="i.key") {{i.value}}
        Divider(dashed)
      .search-form-lzw
        Row(v-if="addDetailInfo.seriousIllnessPayment")
          Col.mb-15(:md="{ span: 11, offset: 1 }" :lg="{ span: 8, offset: 1 }")
            span.label-txt 大病医疗收费方式：
            Select.input-has-border(v-model='addDetailInfo.seriousIllnessPayment.paymentType', placement="top" @on-change="meansSelectFn")
              Option(v-for='item in securityPaymentType', :value='item.key', :key='item.key') {{ item.value }}
          Col.mb-15(:md="{ span: 11, offset: 1 }" :lg="{ span: 8, offset: 1 }" v-show="monthShow")
            span.label-txt 年收费时间：
            Select.input-has-border(v-model='addDetailInfo.seriousIllnessPayment.yearPaymentMonth' style="width:100px" placement="top")
              Option(v-for='item in month', :value='item.value', :key='item.value') {{ item.label }}
        Row
          Col.mb-15(:md="{ span: 11, offset: 1 }" :lg="{ span: 8, offset: 1 }")
            span.label-txt 补缴最长期限（月）：
            Input.input-has-border(v-model="addDetailInfo.payBackMaxMonth" type="number" placeholder="请输入")
          Col.mb-15(:md="{ span: 11, offset: 1 }" :lg="{ span: 8, offset: 1 }")
            span.label-txt 计算方式：
            Select.input-has-border(v-model="addDetailInfo.totalType" style="width:100px" placement="top")
              Option(v-for='item in countType', :value='item.key', :key='item.key') {{ item.value }}
        Row
          Col.mb-15(:md="{ span: 11, offset: 1 }" :lg="{ span: 8, offset: 1 }")
            span.label-txt 减员生效时间：
            Select.input-has-border(v-model='addDetailInfo.reduceEffectType', placement="top")
              Option(v-for='item in effectiveTime', :value='item.key', :key='item.key') {{ item.value }}
          Col.mb-15(:md="{ span: 11, offset: 1 }" :lg="{ span: 8, offset: 1 }")
            span.label-txt 异动操作时长：
            Input.input-has-border(v-model="addDetailInfo.changeOperateDuration" placeholder="请输入")
        Row
          Col.mb-15(v-if="addDetailInfo.increasDay" :md="{ span: 11, offset: 1 }" :lg="{ span: 8, offset: 1 }")
            span.label-txt 增员起止时间：
            Select.input-has-border(v-model="addDetailInfo.increasDay.begin" placement="top" @on-change="increasDayVerification(addDetailInfo)" placeholder="开始时间")
              Option(v-for='item in endTime', :value='item.value', :key='item.value') {{ item.label }}
            span.pr-10.pl-10 --
            Select.input-has-border(v-model="addDetailInfo.increasDay.end" placement="top" @on-change="increasDayVerification(addDetailInfo)" placeholder="截止时间")
              Option(v-for='item in endTime', :value='item.value', :key='item.value') {{ item.label }}
          Col.mb-15(v-if="addDetailInfo.reduceDay" :md="{ span: 11, offset: 1 }" :lg="{ span: 8, offset: 1 }")
            span.label-txt 减员起止时间：
            Select.input-has-border(v-model="addDetailInfo.reduceDay.begin" placement="top" @on-change="reduceDayVerification(addDetailInfo)" placeholder="开始时间")
              Option(v-for='item in endTime', :value='item.value', :key='item.value') {{ item.label }}
            span.pr-10.pl-10 --
            Select.input-has-border(v-model="addDetailInfo.reduceDay.end" placement="top" @on-change="reduceDayVerification(addDetailInfo)" placeholder="截止时间")
              Option(v-for='item in endTime', :value='item.value', :key='item.value') {{ item.label }}
  template(slot="footer")
    Button(@click="addModalShow=false") 关闭
    Button(type="info" @click="confirmFn") 确定 